<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="UTF-8">
		<title>管理我的银行卡</title>
        <%@include file="../common/common.jsp"%> 
        <link rel="stylesheet" href="${ctx }/css/layui.css">
		<script type="text/javascript" src="${ctx }/js/layer-v1.9.2/layer/layer.js"></script>
        <script type="text/javascript" src="${ctx}/js/layer-v1.9.2/layer/layui.js"></script>
	</head>
	<body>
		<!--头部-->
		<%@include file="../common/header.jsp"%>
		<%@include file="../common/headerMemberInfo.jsp"%>
		
		<div class="vip_main vip_setting set_addr m_card container clearfix">
		    <input type="hidden" id="settingClass" value="card"/>
			<%@include file="../common/leftMemberInfo.jsp"%>
			<div class="right l f14">
				<p class="red">新增银行卡</p>
				<form action="" method="post"  id="addBankCard">
					<p class="bank">
						<label for="">开户银行：<span>*</span></label>
						<img src="${ctx }/images/yhk.png" alt="" />
						<input type="hidden"  name ="bankName" id="bankName"/> 
						<input type="hidden" name="instId" id="instId"/>
						<input type="hidden" name="id" id="cardId"/>
						<a href="javascript:void(0)"  class="other">选择其他银行</a>					
					</p>
					<p>
						<label for="">银行卡号：<span>*</span></label>
						<input class="memberCard" type="text" name ="cardNumber" id ="cardNumber" placeholder="请输入本人银行卡号" required pattern="^(\d{16}|\d{19})$"/>						
					</p>
					<p>
						<label for="">姓名：<span>*</span></label>
						<input  class="memberCard" type="text" name="realName" id="realName" placeholder="请输入本人姓名" required />			
					</p>
					<p class="aa"><label for="">证件：<span>*</span></label><input  name="idNumber" id="idNumber" class="memberCard" type="text" placeholder="请输入本人身份证号码" required pattern="^\d{15}|\d{18}$"/></p>
					<p class="aa"><label for="">手机：<span>*</span></label><input  name="phone" id ="phone" class="memberCard"  type="tel" placeholder="银行留存号码" required pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$"/></p>
					<p class="red rec">请确保姓名、身份证、银行卡开户人为同一人</p>
					<button>确定添加</button>
				</form>
				<div class="address">
					<p class="red cardAlarm"></p>
					<ul>
						<li class="list">
							<p>银行卡</p>
							<p class="bank_number">银行卡号码</p>
							<p class="">持卡人姓名</p>						
							<p>手机</p>
							<p class="operate">操作</p>
						</li>
					<!-- 	<li class="item">
							<p>中国银行</p>
							<p class="bank_number">622609******3620</p>
							<p class="">小希</p>							
							<p>15*******65</p>
							<p class="operate"><a href="">修改|</a><a href="javascript:;" class="delete">删除</a></p>
						</li>-->
					</ul>
				</div>
				
				<div class="step_aa">
						<span class="close r"><img src="${ctx }/images/add_del.png" alt="删除" /></span>
						<p class="f16"><img src="${ctx }/images/yhk.png" alt="银行卡" />添加银行卡</p>
						<ul>
							
						</ul>
				</div>
			</div>
		</div>
		<!--底部-->
		<%@include file="../common/bottom.jsp"%>
	</body>
	<script type="text/javascript" src="${ctx}/js/member/manage_card.js"></script>
</html>
